light mode
night mode
অ্যাঙ্গুলার (Angular)
Angular পরিচিতি Angular কি? Angular এর ইতিহাস এবং সংস্করণ (AngularJS থেকে Angular 15 পর্যন্ত) Angular এর বৈশিষ্ট্য এবং সুবিধা ডেভেলপমেন্ট এনভায়রনমেন্ট সেটআপ Angular CLI ইনস্টল করা Angular এর স্থাপত্য Angular কম্পোনেন্ট মডিউল (NgModules) টেম্পলেট এবং ভিউ ডিরেক্টিভস সার্ভিস এবং ডিপেন্ডেন্সি ইনজেকশন রাউটিং এবং নেভিগেশন Angular কম্পোনেন্টস CLI দিয়ে কম্পোনেন্ট তৈরি করা কম্পোনেন্ট ডেকোরেটর কম্পোনেন্ট লাইফসাইকেল হুকস ডাটা বাইন্ডিং (ইন্টারপোলেশন, প্রোপার্টি বাইন্ডিং, ইভেন্ট বাইন্ডিং, টু-ওয়ে বাইন্ডিং) কম্পোনেন্টের টেম্পলেট এবং স্টাইলস Angular মডিউলস রুট মডিউল (AppModule) ফিচার মডিউলস শেয়ার্ড মডিউলস ল্যাজি লোডিং মডিউলস মডিউল অর্গানাইজেশন বেস্ট প্রাকটিসেস টেম্পলেট এবং ডিরেক্টিভস টেম্পলেট সিনট্যাক্স স্ট্রাকচারাল ডিরেক্টিভস (ngIf, ngFor, ngSwitch) অ্যাট্রিবিউট ডিরেক্টিভস (ngClass, ngStyle) কাস্টম ডিরেক্টিভ তৈরি করা Angular পাইপস পাইপ কি? বিল্ট-ইন পাইপস (DatePipe, UpperCasePipe ইত্যাদি) কাস্টম পাইপ তৈরি করা অ্যাসিঙ্ক পাইপ Angular ফর্মস টেম্পলেট-ড্রিভেন ফর্মস রিয়্যাক্টিভ ফর্মস ফর্ম ভ্যালিডেশন (বিল্ট-ইন এবং কাস্টম) Form Group এবং Form Controls ফর্ম সাবমিশন হ্যান্ডলিং রাউটিং এবং নেভিগেশন রাউট সেটআপ করা Router Module এবং Route Configuration Route Parameters এবং Query Parameters চাইল্ড রাউটস Lazy Loading Routes রাউট গার্ডস (CanActivate, CanDeactivate ইত্যাদি) রাউট রেজলভার সার্ভিস এবং ডিপেন্ডেন্সি ইনজেকশন সার্ভিস তৈরি এবং ব্যবহার Injectable ডেকোরেটর হায়ারার্কিক্যাল ডিপেন্ডেন্সি ইনজেকশন সিঙ্গেলটন সার্ভিসেস Angular এর HTTP ক্লায়েন্ট HttpClientModule পরিচিতি HTTP রিকোয়েস্ট (GET, POST, PUT, DELETE) করা HTTP রিকোয়েস্টে ত্রুটি হ্যান্ডলিং Angular এর Interceptors Observables এবং RxJS ব্যবহার RxJS এবং Observables RxJS কি? Observables, Operators, এবং Subjects কমন RxJS অপারেটরস (map, filter, mergeMap ইত্যাদি) অ্যাসিঙ্ক অপারেশন হ্যান্ডলিং RxJS তে ত্রুটি হ্যান্ডলিং কম্পোনেন্ট ইন্টারঅ্যাকশন Parent-Child কম্পোনেন্ট কমিউনিকেশন (Input, Output) ViewChild এবং ContentChild সার্ভিস-ভিত্তিক কমিউনিকেশন EventEmitter ব্যবহার Angular অ্যানিমেশনস অ্যানিমেশন এর বেসিক ধারণা অ্যানিমেশন তৈরি এবং কনফিগার করা অ্যানিমেশন ট্রিগার এবং স্টেট Keyframes এবং Transitions Angular রাউট গার্ডস রাউট গার্ড কি? গার্ডের প্রকারভেদ (CanActivate, CanDeactivate, Resolve ইত্যাদি) রাউট গার্ড ইমপ্লিমেন্ট করা Lazy Loading এর সাথে গার্ড ব্যবহার Angular টেস্টিং কম্পোনেন্ট ইউনিট টেস্টিং ডিপেন্ডেন্সি ইনজেকশন সহ সার্ভিস টেস্টিং Protractor দিয়ে End-to-End টেস্টিং ডিরেক্টিভ এবং পাইপ টেস্টিং HTTP রিকোয়েস্ট মকিং Angular CLI কমন Angular CLI কমান্ডস CLI দিয়ে কম্পোনেন্ট, সার্ভিস, মডিউল তৈরি Angular CLI Workspaces Angular অ্যাপ্লিকেশন বিল্ড এবং সার্ভ করা Angular Material Angular Material পরিচিতি Angular Material সেটআপ Material কম্পোনেন্টস (Buttons, Icons, Cards ইত্যাদি) Material Data Table Angular Material থিমিং Angular Flex Layout Flex Layout দিয়ে রেসপনসিভ লেআউট Grid ভিত্তিক লেআউট তৈরি Angular Flexbox ব্যবহার Angular ফর্মস এডভান্সড ডাইনামিক ফর্মস Reactive ফর্মে FormArray কাস্টম ভ্যালিডেটর বিল্ডিং এবং ডিপ্লয়মেন্ট প্রোডাকশনের জন্য অ্যাপ্লিকেশন বিল্ড করা Angular অ্যাপ্লিকেশন অপটিমাইজেশন Ahead-of-Time (AOT) কম্পাইলেশন Backend সার্ভিসের সাথে Angular (Node.js, Spring Boot) Firebase, Netlify, GitHub Pages ইত্যাদিতে অ্যাপ্লিকেশন ডিপ্লয় Angular এর এডভান্সড টপিকস Change Detection Strategy (OnPush vs Default) Web Workers এর সাথে Angular Angular Universal দিয়ে Server-Side Rendering State Management (NgRx) Performance Optimization Techniques

Angular CLI ইনস্টল করা

Web Development - অ্যাঙ্গুলার (Angular) - Angular পরিচিতি |

Angular CLI (Command Line Interface) হলো একটি টুল, যা Angular প্রজেক্ট তৈরি, ডেভেলপমেন্ট, এবং ম্যানেজমেন্টকে সহজ করে। Angular CLI ইনস্টল করতে আপনাকে প্রথমে Node.js এবং npm ইন্সটল করতে হবে, কারণ Angular CLI npm এর মাধ্যমে কাজ করে।

Step 1: Node.js এবং npm ইনস্টল করা

  1. Node.js ডাউনলোড করুন:

  2. ইন্সটলেশন যাচাই করুন: ইনস্টল হওয়ার পরে কমান্ড প্রম্পট (Windows) বা টার্মিনাল (Mac/Linux) খুলুন এবং নিচের কমান্ড রান করুন:

    node -v

    এটি ইনস্টল হওয়া Node.js এর সংস্করণ দেখাবে।

    একইভাবে, npm যাচাই করুন:

    npm -v

Step 2: Angular CLI ইনস্টল করা

  1. Angular CLI ইনস্টল করতে নিচের কমান্ডটি রান করুন:

    npm install -g @angular/cli

    এখানে -g নির্দেশ করে এটি গ্লোবালি ইন্সটল করা হবে, যাতে যেকোনো জায়গা থেকে Angular CLI ব্যবহার করা যায়।

  2. ইন্সটলেশনের পর Angular CLI এর সংস্করণ যাচাই করুন:

    ng version

    এটি Angular CLI এর ইনস্টল হওয়া সংস্করণ এবং অন্যান্য Angular ডিপেনডেন্সি সম্পর্কিত তথ্য দেখাবে।

Step 3: ইনস্টলেশন যাচাই

Angular CLI সঠিকভাবে কাজ করছে কিনা যাচাই করার জন্য, নিচের কমান্ডটি রান করুন:

ng new test-app
  • এটি একটি নতুন Angular প্রজেক্ট তৈরি করবে, যেখানে test-app আপনার প্রজেক্টের নাম।
  • প্রজেক্ট তৈরি করার সময় Angular CLI কিছু প্রশ্ন করবে (যেমন CSS বা SCSS নির্বাচন), উত্তর দিন।

  • এরপর, তৈরি হওয়া প্রজেক্টের ফোল্ডারে যেতে:

    cd test-app

  • প্রজেক্ট চালু করতে:

    ng serve
  • আপনার ব্রাউজারে http://localhost:4200 খুলে অ্যাপ্লিকেশনটি দেখুন।

সাধারণ সমস্যার সমাধান

  1. Angular CLI ইনস্টল না হলে:
    • নিশ্চিত করুন আপনার সিস্টেমে Node.js এবং npm সঠিকভাবে ইন্সটল রয়েছে।
    • npm cache clean --force কমান্ড রান করে পুনরায় চেষ্টা করুন।
  2. পারমিশন সমস্যা হলে:
    • Windows: কমান্ড প্রম্পট Administrator Mode-এ চালান।
    • Mac/Linux: sudo npm install -g @angular/cli ব্যবহার করুন।

Angular CLI ইনস্টল করার পরে আপনি দ্রুত Angular প্রজেক্ট তৈরি এবং ডেভেলপমেন্ট শুরু করতে পারবেন। এটি Angular অ্যাপ্লিকেশন ডেভেলপমেন্টকে সহজ এবং দক্ষ করে তোলে।

Content added By
Md Azizur Rahman

Read more

Angular CLI ইনস্টল করা

or

Don't have an account? Register

Promotion